<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 本地 引入 layui.css -->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!-- 本地 layui.js -->
    <script src="/layui/layui.js"></script>

    <script src="/js/jquery-3.3.1.js"></script>
</head>
<body>
<form class="layui-form layui-form-pane" action="" method="post">
    <!-- layui-form-item 一个输入项-->
    <div class="layui-form-item">
        <label class="layui-form-label">生日</label>
        <!-- layui-input-block 输入框会占满除文字外的整行 -->
        <div class="layui-input-block">
            <input readonly id="birth" type="text" name="birth" placeholder="请选择生日日期" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- layui-form-item 一个输入项-->
    <div class="layui-form-item">
        <label class="layui-form-label">生日</label>
        <!-- layui-input-block 输入框会占满除文字外的整行 -->
        <div class="layui-input-block">
            <input readonly id="birth1" type="text" name="birth1" placeholder="请选择生日日期" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- layui-form-item 一个输入项-->
    <div class="layui-form-item">
        <label class="layui-form-label">生日</label>
        <!-- layui-input-block 输入框会占满除文字外的整行 -->
        <div class="layui-input-block">
            <input readonly id="birth2" type="text" name="birth2" placeholder="请选择生日日期" autocomplete="off" class="layui-input">
        </div>
    </div>
</form>


<script>

    layui.use(["laydate","form"],function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#birth', //指定元素
            format:'yyyy/MM/dd',
            value:'2012/12/12' //默认值
            // value:new Date() //默认值
        });

        laydate.render({
            elem: '#birth1', //指定元素
            format:'yyyy-MM-dd',
            value:'2012-12-12' //默认值
            // value:new Date() //默认值
        });

        laydate.render({
            elem: '#birth2', //指定元素
            format:'yyyy-MM-dd HH:mm:ss',
            value:'2012-12-12 16:12:50', //默认值
            type: 'datetime' // 默认类型
            // value:new Date() //默认值
        });
    });
</script>
</body>
</html>